<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<header class="main-header">
    <a href="all-admin-index.html" class="logo">
        <span class="logo-mini"><img src="../img/logo.png"></span>
        <span class="logo-lg">
                    <img src="../img/export.png">
                    <i> SaaS外贸进出口平台</i>
                </span>
    </a>

    <nav class="navbar navbar-static-top">
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
        </a>
        <div class="navbar-custom-menu">


                <ul class="nav navbar-nav">

                        <%--欢迎音乐图标--%>
                    <li class="dropdown weather-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-smile-o"></i>
                            <span class="label label-primary">1</span>
                        </a>



                        <ul class="dropdown-menu">

                            <li class="header"><font color="#4169e1"  face="楷体" size="8">欢迎音乐</font></li>
                            <li>
                                <%-- <ul class="menu">--%>
                                <%--<li>--%>
                                <a href="#">
                                    <div class="box-body">
                                        <%--欢迎音乐--%>

                                        <audio autoplay controls src="/audio/0.mp3">如果您不喜欢本音乐可以手动关闭</audio>
                                    </div>
                                </a>
                                <%-- </li>--%>
                                <%--</ul>--%>
                            </li>
                            <li class="footer"><a href="#"><font color="#87cefa" face="楷体" size="10">欢迎您使用本系统</font>
                            </a></li>
                        </ul>


                    <%--搜索--%>
                    <li class="dropdown weather-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-hand-grab-o"></i>
                            <span class="label label-primary">1</span>
                        </a>



                        <ul class="dropdown-menu">

                            <li class="header"><font color="#4169e1"  face="楷体" size="8">百度搜索</font></li>
                            <li>
                                <%-- <ul class="menu">--%>
                                <%--<li>--%>
                                <a href="#">
                                    <div class="box-body">
                                        <%--百度搜索--%>


                                            <div style='overflow:hidden'>
                                                <form onsubmit="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank">
                                                    <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
                                                  <input class='bdtext' type="text"  onfocus="checkHttps" name="word"  size="30">
                                                  <input class='bdbtn' type="submit"value="百度搜索">
                                                </form>
                                                <script src="http://s1.bdstatic.com/r/www/cache/global/js/BaiduHttps_20150714_zhanzhang.js"></script>
                                                <script>
                                                    function checkHttps () {
                                                        BaiduHttps.useHttps();
                                                    };
                                                    function baiduWithHttps (formname) {
                                                        var data = BaiduHttps.useHttps();
                                                        if (data.s === 0) {
                                                            return true;
                                                        }
                                                        else {
                                                            formname.action = 'https://www.baidu.com/baidu' + '?ssl_s=1&ssl_c' + data.ssl_code;
                                                            return true;
                                                        }
                                                    };
                                                </script>
                                            </div>



                                    </div>
                                </a>
                                <%-- </li>--%>
                                <%--</ul>--%>
                            </li>
                            <li class="footer"><a href="#"><font color="#87cefa" face="楷体" size="5">随时搜索</font>
                            </a></li>
                        </ul>


                       <%--代表计算机图标--%>
                    <li class="dropdown weather-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-paper-plane-o"></i>
                            <span class="label label-primary">1</span>
                        </a>



                        <ul class="dropdown-menu">

                            <li class="header"><font color="#4169e1"  face="楷体" size="5">欢迎使用计算机</font></li>
                            <li>
                                <%-- <ul class="menu">--%>
                                <%--<li>--%>
                                <a href="#">
                                    <div class="box-body">

                                        <html>
                                        <head>
                                            <title>网页计算机</title>
                                            <meta charset="UTF-8"/>
                                            <style type="text/css">
                                                #jsjdiv{
                                                    border: solid 1px black;
                                                    border-radius: 5px;
                                                    width: 200px;
                                                    /*height: 400px;*/
                                                    text-align: center; /*设置div内部居中*/
                                                    margin: auto;    /*设置计算机居中*/
                                                    background-color: darkgrey;
                                                }
                                                input[type=text]{
                                                    width: 190px;          /*设置大小*/
                                                    height: 35px;
                                                    margin-top: 10px;   /*设置边框*/
                                                    margin-bottom: 5px;
                                                }
                                                input[type=button]{
                                                    width: 44px;
                                                    height: 44px;
                                                    /*margin-left: 5px;
                                                    margin-right: 5px;*/
                                                    margin-top: 5px;
                                                    margin-bottom: 10px;
                                                    font-size: 25px;  /*设置text的字体大小及深度*/
                                                    font-weight: 600;
                                                }
                                            </style>
                                            <script type="text/javascript">
                                                function cal(btn){
                                                    var num=btn.value;
                                                    switch (num){   // 利用eval可以把string的内容转化成代码,在代码中输入可以直接进行计算
                                                        case "=":
                                                            document.getElementById("inp").value=eval(document.getElementById("inp").value);
                                                            break;
                                                        case "c":
                                                            document.getElementById("inp").value="";
                                                            break;
                                                        default:        //进行输入数据的拼接
                                                            document.getElementById("inp").value=document.getElementById("inp").value + num;
                                                            break;
                                                    }
                                                }
                                            </script>
                                        </head>
                                        <body>
                                        <div id="jsjdiv">
                                            <input type="text" name="" id="inp" value="" /><br />
                                            <input type="button" name="" id="btn" value="1" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="2" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="3" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="4" onclick="cal(this)"/><br />
                                            <input type="button" name="" id="" value="5" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="6" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="7" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="8" onclick="cal(this)"/><br />
                                            <input type="button" name="" id="" value="9" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="+" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="-" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="*" onclick="cal(this)"/><br />
                                            <input type="button" name="" id="" value="0" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="/" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="c" onclick="cal(this)"/>
                                            <input type="button" name="" id="" value="=" onclick="cal(this)" />
                                        </div>
                                        </body>
                                        </html>

                                    </div>
                                </a>
                                <%-- </li>--%>
                                <%--</ul>--%>
                            </li>
                            <li class="footer"><a href="#"><font color="#87cefa" face="楷体" size="10">进行计算吧</font>
                            </a></li>
                        </ul>





                    <%-- 天气图标 --%>
                <li class="dropdown weather-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-sun-o"></i>
                        <span class="label label-primary">1</span>
                    </a>



                <ul class="dropdown-menu">

                    <li class="header"><font color="#4169e1"  face="楷体" size="8">查看天气</font></li>
                    <li>
                       <%-- <ul class="menu">--%>
                            <%--<li>--%>
                                <a href="#">
                                    <div class="box-body">
                                        <%--天气预报--%>
                                            <iframe frameborder="0" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&id=112"></iframe>

                                    </div>
                                </a>
                           <%-- </li>--%>
                        <%--</ul>--%>
                    </li>
                    <li class="footer"><a href="#"><font color="#87cefa" face="楷体" size="10">欢迎您随时查看天气</font>
                    </a></li>
                </ul>



                    <%-- 地图图标 --%>
                        <li class="dropdown weather-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-map-o"></i>
                                <span class="label label-primary">2</span>
                            </a>



                            <ul class="dropdown-menu">

                                <li class="header"><font color="#4169e1"  face="楷体" size="8">查看地图</font></li>
                                <li>
                                   <%-- <ul class="menu">--%>
                                        <%--<li>--%>
                                        <a href="#">
                                            <div class="box-body" >
                                                <a href="/bdmap.html" target="_self"><font color="blue" face="楷体" size="5"><i><b>路线规划图</b></i></font></a><br/>
                                                <a href="/dtmap.html" target="_self"><font color="blue" face="楷体" size="5"><i><b>地铁路线规划图</b></i></font></a>
                                                <img src="/img/baidulogo.jpg" width="50px" height="50px"/>
                                            </div>
                                        </a>
                                        <%-- </li>--%>
                                   <%-- </ul>--%>
                                </li>
                                <li class="footer"><a href="#"><font color="#87cefa" face="楷体" size="10">欢迎您随时查看地图</font>
                                </a></li>
                            </ul>




                        <%-- 日历图标 --%>
                        <li class="dropdown weather-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-calendar-o"></i>
                                <span class="label label-primary">1</span>
                            </a>



                            <ul class="dropdown-menu">

                                <li class="header"><font color="#4169e1"  face="楷体" size="5">查看日历</font></li>
                                <li>
                                    <ul class="menu">
                                        <%--<li>--%>
                                        <a href="#">
                                            <div>
                                                <!doctype html>
                                                <html>
                                                <head>
                                                    <meta charset="gb2312">
                                                    <title>万年历</title>
                                                    <script type="text/javascript">
                                                        var lunarInfo = new Array(
                                                            0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2,
                                                            0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977,
                                                            0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970,
                                                            0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950,
                                                            0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557,
                                                            0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5d0, 0x14573, 0x052d0, 0x0a9a8, 0x0e950, 0x06aa0,
                                                            0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0,
                                                            0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b5a0, 0x195a6,
                                                            0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570,
                                                            0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x055c0, 0x0ab60, 0x096d5, 0x092e0,
                                                            0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5,
                                                            0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930,
                                                            0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530,
                                                            0x05aa0, 0x076a3, 0x096d0, 0x04bd7, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45,
                                                            0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0)

                                                        var solarMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
                                                        var Animals = new Array("鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊", "猴", "鸡", "狗", "猪");
                                                        var solarTerm = new Array("小寒", "大寒", "立春", "雨水", "惊蛰", "春分", "清明", "谷雨", "立夏", "小满", "芒种", "夏至", "小暑", "大暑", "立秋", "处暑", "白露", "秋分", "寒露", "霜降", "立冬", "小雪", "大雪", "冬至");
                                                        var sTermInfo = new Array(0, 21208, 42467, 63836, 85337, 107014, 128867, 150921, 173149, 195551, 218072, 240693, 263343, 285989, 308563, 331033, 353350, 375494, 397447, 419210, 440795, 462224, 483532, 504758);
                                                        var nStr1 = new Array('日', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十');
                                                        var nStr2 = new Array('初', '十', '廿', '卅');
                                                        //公历节日
                                                        var sFtv = new Array(
                                                            "0101 元旦",
                                                            "0214 情人节",
                                                            "0308 妇女节",
                                                            "0312 植树节",
                                                            "0315 消费者权益日",
                                                            "0401 愚人节",
                                                            "0501 劳动节",
                                                            "0504 青年节",
                                                            "0512 护士节",
                                                            "0601 儿童节",
                                                            "0701 建党节",
                                                            "0801 建军节",
                                                            "0910 教师节",
                                                            "0928 孔子诞辰",
                                                            "1001 国庆节",
                                                            "1006 老人节",
                                                            "1024 联合国日",
                                                            "1224 平安夜",
                                                            "1225 圣诞节")
                                                        //农历节日
                                                        var lFtv = new Array(
                                                            "0101 春节",
                                                            "0115 元宵节",
                                                            "0505 端午节",
                                                            "0707 七夕情人节",
                                                            "0715 中元节",
                                                            "0815 中秋节",
                                                            "0909 重阳节",
                                                            "1208 腊八节",
                                                            "1224 小年")
                                                        //返回农历y年的总天数
                                                        function lYearDays(y) {
                                                            var i, sum = 348;
                                                            for (i = 0x8000; i > 0x8; i >>= 1) sum += (lunarInfo[y - 1900] & i) ? 1 : 0;
                                                            return (sum + leapDays(y));
                                                        }
                                                        //返回农历y年闰月的天数
                                                        function leapDays(y) {
                                                            if (leapMonth(y)) return ((lunarInfo[y - 1900] & 0x10000) ? 30 : 29);
                                                            else return (0);
                                                        }
                                                        //判断y年的农历中那个月是闰月,不是闰月返回0
                                                        function leapMonth(y) {
                                                            return (lunarInfo[y - 1900] & 0xf);
                                                        }
                                                        //返回农历y年m月的总天数
                                                        function monthDays(y, m) {
                                                            return ((lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29);
                                                        }
                                                        //算出当前月第一天的农历日期和当前农历日期下一个月农历的第一天日期
                                                        function Dianaday(objDate) {
                                                            var i, leap = 0, temp = 0;
                                                            var baseDate = new Date(1900, 0, 31);
                                                            var offset = (objDate - baseDate) / 86400000;
                                                            this.dayCyl = offset + 40;
                                                            this.monCyl = 14;
                                                            for (i = 1900; i < 2050 && offset > 0; i++) {
                                                                temp = lYearDays(i)
                                                                offset -= temp;
                                                                this.monCyl += 12;
                                                            }
                                                            if (offset < 0) {
                                                                offset += temp;
                                                                i--;
                                                                this.monCyl -= 12;
                                                            }
                                                            this.year = i;
                                                            this.yearCyl = i - 1864;
                                                            leap = leapMonth(i); //闰哪个月
                                                            this.isLeap = false;
                                                            for (i = 1; i < 13 && offset > 0; i++) {
                                                                if (leap > 0 && i == (leap + 1) && this.isLeap == false) { //闰月
                                                                    --i; this.isLeap = true; temp = leapDays(this.year);
                                                                }
                                                                else {
                                                                    temp = monthDays(this.year, i);
                                                                }
                                                                if (this.isLeap == true && i == (leap + 1)) this.isLeap = false; //解除闰月
                                                                offset -= temp;
                                                                if (this.isLeap == false) this.monCyl++;
                                                            }
                                                            if (offset == 0 && leap > 0 && i == leap + 1)
                                                                if (this.isLeap) { this.isLeap = false; }
                                                                else { this.isLeap = true; --i; --this.monCyl; }
                                                            if (offset < 0) { offset += temp; --i; --this.monCyl; }
                                                            this.month = i;
                                                            this.day = offset + 1;
                                                        }
                                                        //返回公历y年m+1月的天数
                                                        function solarDays(y, m) {
                                                            if (m == 1)
                                                                return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28);
                                                            else
                                                                return (solarMonth[m]);
                                                        }
                                                        //记录公历和农历某天的日期
                                                        function calElement(sYear, sMonth, sDay, week, lYear, lMonth, lDay, isLeap) {
                                                            this.isToday = false;
                                                            //公历
                                                            this.sYear = sYear;
                                                            this.sMonth = sMonth;
                                                            this.sDay = sDay;
                                                            this.week = week;
                                                            //农历
                                                            this.lYear = lYear;
                                                            this.lMonth = lMonth;
                                                            this.lDay = lDay;
                                                            this.isLeap = isLeap;
                                                            //节日记录
                                                            this.lunarFestival = ''; //农历节日
                                                            this.solarFestival = ''; //公历节日
                                                            this.solarTerms = ''; //节气
                                                        }
                                                        //返回某年的第n个节气为几日(从0小寒起算)
                                                        function sTerm(y, n) {
                                                            var offDate = new Date((31556925974.7 * (y - 1900) + sTermInfo[n] * 60000) + Date.UTC(1900, 0, 6, 2, 5));
                                                            return (offDate.getUTCDate())
                                                        }
                                                        //保存y年m+1月的相关信息
                                                        var fat = mat = 9;
                                                        var eve = 0;
                                                        function calendar(y, m) {
                                                            fat = mat = 0;
                                                            var sDObj, lDObj, lY, lM, lD = 1, lL, lX = 0, tmp1, tmp2;
                                                            var lDPOS = new Array(3);
                                                            var n = 0;
                                                            var firstLM = 0;
                                                            sDObj = new Date(y, m, 1); //当月第一天的日期
                                                            this.length = solarDays(y, m);  //公历当月天数
                                                            this.firstWeek = sDObj.getDay();  //公历当月1日星期几
                                                            if ((m + 1) == 5) { fat = sDObj.getDay() }
                                                            if ((m + 1) == 6) { mat = sDObj.getDay() }
                                                            for (var i = 0; i < this.length; i++) {
                                                                if (lD > lX) {
                                                                    sDObj = new Date(y, m, i + 1);  //当月第一天的日期
                                                                    lDObj = new Dianaday(sDObj);   //农历
                                                                    lY = lDObj.year;      //农历年
                                                                    lM = lDObj.month;     //农历月
                                                                    lD = lDObj.day;      //农历日
                                                                    lL = lDObj.isLeap;     //农历是否闰月
                                                                    lX = lL ? leapDays(lY) : monthDays(lY, lM); //农历当月最後一天
                                                                    if (lM == 12) { eve = lX }
                                                                    if (n == 0) firstLM = lM;
                                                                    lDPOS[n++] = i - lD + 1;
                                                                }
                                                                this[i] = new calElement(y, m + 1, i + 1, nStr1[(i + this.firstWeek) % 7], lY, lM, lD++, lL);
                                                                if ((i + this.firstWeek) % 7 == 0) {
                                                                    this[i].color = 'red'; //周日颜色
                                                                }
                                                            }
                                                            //节气
                                                            tmp1 = sTerm(y, m * 2) - 1;
                                                            tmp2 = sTerm(y, m * 2 + 1) - 1;
                                                            this[tmp1].solarTerms = solarTerm[m * 2];
                                                            this[tmp2].solarTerms = solarTerm[m * 2 + 1];
                                                            if ((this.firstWeek + 12) % 7 == 5) //黑色星期五
                                                                this[12].solarFestival += '黑色星期五';
                                                            if (y == tY && m == tM) this[tD - 1].isToday = true; //今日
                                                        }
                                                        //用中文显示农历的日期
                                                        function cDay(d) {
                                                            var s;
                                                            switch (d) {
                                                                case 10:
                                                                    s = '初十'; break;
                                                                case 20:
                                                                    s = '二十'; break;
                                                                    break;
                                                                case 30:
                                                                    s = '三十'; break;
                                                                    break;
                                                                default:
                                                                    s = nStr2[Math.floor(d / 10)];
                                                                    s += nStr1[d % 10];
                                                            }
                                                            return (s);
                                                        }
                                                        //在表格中显示公历和农历的日期,以及相关节日
                                                        var cld;
                                                        function drawCld(SY, SM) {
                                                            var TF = true;
                                                            var p1 = p2 = "";
                                                            var i, sD, s, size;
                                                            cld = new calendar(SY, SM);
                                                            GZ.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【' + Animals[(SY - 4) % 12] + '】'; //生肖
                                                            for (i = 0; i < 42; i++) {
                                                                sObj = eval('SD' + i);
                                                                lObj = eval('LD' + i);
                                                                sObj.className = '';
                                                                sD = i - cld.firstWeek;
                                                                if (sD > -1 && sD < cld.length) { //日期内
                                                                    sObj.innerHTML = sD + 1;
                                                                    if (cld[sD].isToday) { sObj.style.color = '#9900FF'; } //今日颜色
                                                                    else { sObj.style.color = ''; }
                                                                    if (cld[sD].lDay == 1) { //显示农历月
                                                                        lObj.innerHTML = '<b>' + (cld[sD].isLeap ? '闰' : '') + cld[sD].lMonth + '月' + (monthDays(cld[sD].lYear, cld[sD].lMonth) == 29 ? '小' : '大') + '</b>';
                                                                    }
                                                                    else { lObj.innerHTML = cDay(cld[sD].lDay); } //显示农历日
                                                                    var Slfw = Ssfw = null;
                                                                    s = cld[sD].solarFestival;
                                                                    for (var ipp = 0; ipp < lFtv.length; ipp++) { //农历节日
                                                                        if (parseInt(lFtv[ipp].substr(0, 2)) == (cld[sD].lMonth)) {
                                                                            if (parseInt(lFtv[ipp].substr(2, 4)) == (cld[sD].lDay)) {
                                                                                lObj.innerHTML = lFtv[ipp].substr(5);
                                                                                Slfw = lFtv[ipp].substr(5);
                                                                            }
                                                                        }
                                                                        if (12 == (cld[sD].lMonth)) { //判断是否为除夕
                                                                            if (eve == (cld[sD].lDay)) { lObj.innerHTML = "除夕"; Slfw = "除夕"; }
                                                                        }
                                                                    }
                                                                    for (var ipp = 0; ipp < sFtv.length; ipp++) { //公历节日
                                                                        if (parseInt(sFtv[ipp].substr(0, 2)) == (SM + 1)) {
                                                                            if (parseInt(sFtv[ipp].substr(2, 4)) == (sD + 1)) {
                                                                                lObj.innerHTML = sFtv[ipp].substr(5);
                                                                                Ssfw = sFtv[ipp].substr(5);
                                                                            }
                                                                        }
                                                                    }
                                                                    if ((SM + 1) == 5) { //母亲节
                                                                        if (fat == 0) {
                                                                            if ((sD + 1) == 7) { Ssfw = "母亲节"; lObj.innerHTML = "母亲节" }
                                                                        }
                                                                        else if (fat < 9) {
                                                                            if ((sD + 1) == ((7 - fat) + 8)) { Ssfw = "母亲节"; lObj.innerHTML = "母亲节" }
                                                                        }
                                                                    }
                                                                    if ((SM + 1) == 6) { //父亲节
                                                                        if (mat == 0) {
                                                                            if ((sD + 1) == 14) { Ssfw = "父亲节"; lObj.innerHTML = "父亲节" }
                                                                        }
                                                                        else if (mat < 9) {
                                                                            if ((sD + 1) == ((7 - mat) + 15)) { Ssfw = "父亲节"; lObj.innerHTML = "父亲节" }
                                                                        }
                                                                    }
                                                                    if (s.length <= 0) { //设置节气的颜色
                                                                        s = cld[sD].solarTerms;
                                                                        if (s.length > 0) s = s.fontcolor('limegreen');
                                                                    }
                                                                    if (s.length > 0) { lObj.innerHTML = s; Slfw = s; } //节气
                                                                    if ((Slfw != null) && (Ssfw != null)) {
                                                                        lObj.innerHTML = Slfw + "/" + Ssfw;
                                                                    }
                                                                }
                                                                else { //非日期
                                                                    sObj.innerHTML = '';
                                                                    lObj.innerHTML = '';
                                                                }
                                                            }
                                                        }
                                                        //在下拉列表中选择年月时,调用自定义函数drawCld(),显示公历和农历的相关信息
                                                        function changeCld() {
                                                            var y, m;
                                                            y = CLD.SY.selectedIndex + 1900;
                                                            m = CLD.SM.selectedIndex;
                                                            drawCld(y, m);
                                                        }
                                                        //用自定义变量保存当前系统中的年月日
                                                        var Today = new Date();
                                                        var tY = Today.getFullYear();
                                                        var tM = Today.getMonth();
                                                        var tD = Today.getDate();
                                                        //打开页时,在下拉列表中显示当前年月,并调用自定义函数drawCld(),显示公历和农历的相关信息
                                                        function initial() {
                                                            CLD.SY.selectedIndex = tY - 1900;
                                                            CLD.SM.selectedIndex = tM;
                                                            drawCld(tY, tM);
                                                        }
                                                        window.onload = function () {
                                                            initial();
                                                        }
                                                    </script>
                                                    <style type="text/css">
                                                        table {
                                                            font-size: 12px;
                                                            table-layout: fixed;
                                                            empty-cells: show;
                                                            border-collapse: collapse;
                                                            margin: 0 auto;
                                                            border: 1px solid #cad9ea;
                                                            color: #666;
                                                        }

                                                        td {
                                                            height: 30px;
                                                            font-family: Arial Black;
                                                        }

                                                        th {
                                                            width: 54px;
                                                            font-size: 14px;
                                                            background-color: #e0e0e0;
                                                        }

                                                        td, th {
                                                            border: 1px solid #cad9ea;
                                                            padding: 6px;
                                                        }

                                                        tr {
                                                            text-align: center;
                                                        }

                                                        .header {
                                                            background-color: #006600;
                                                            color: black;
                                                            font-size: 14px;
                                                            text-align: left;
                                                        }

                                                        .header #GZ {
                                                            margin-left: 120px;
                                                        }
                                                    </style>
                                                </head>

                                                <body>
                                                <form name=CLD>
                                                    <table>
                                                        <tr class="header">
                                                            <td colSpan=7>
                                                                公历
                                                                <select name=SY onchange=changeCld()>
                                                                    <script type="text/javascript">
                                                                        for (i = 1900; i < 2050; i++) document.write('<option>' + i);
                                                                    </script>
                                                                </select>
                                                                年
                                                                <select name=SM onchange=changeCld()>
                                                                    <script type="text/javascript">
                                                                        for (i = 1; i < 13; i++) document.write('<option>' + i);
                                                                    </script>
                                                                </select>
                                                                月 <font id=GZ></font>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th>日</th>
                                                            <th>一</th>
                                                            <th>二</th>
                                                            <th>三</th>
                                                            <th>四</th>
                                                            <th>五</th>
                                                            <th>六</th>
                                                        </tr>
                                                        <script type="text/javascript">
                                                            var gNum;
                                                            for (i = 0; i < 6; i++) {
                                                                document.write('<tr>');
                                                                for (j = 0; j < 7; j++) {
                                                                    gNum = i * 7 + j;
                                                                    document.write('<td id="GD' + gNum + '"><font id="SD' + gNum + '" ');
                                                                    if (j == 0) document.write(' color=red');
                                                                    if (j == 6) document.write(' color=blue');
                                                                    document.write('></font><br><font id="LD' + gNum + '" "></font></td>');
                                                                }
                                                                document.write('</tr>');
                                                            }
                                                        </script>
                                                    </table>
                                                </form>
                                                </body>
                                                </html>
                                            </div>
                                        </a>
                                        <%-- </li>--%>
                                    </ul>
                                </li>
                                <li class="footer"><a href="#"><font color="#87cefa" face="楷体" size="5">欢迎您随时查看日历</font>
                                </a></li>
                            </ul>




                                    <%--闹钟图标--%>
                    <li class="dropdown clock-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-clock-o"></i>
                            <span class="label label-primary">1</span>
                        </a>

                        <ul class="dropdown-menu">

                            <li class="header"><font color="gray"  face="楷体" size="5">查看时钟</font></li>
                            <li>
                                <ul class="menu">
                                   <%-- <li>--%>
                                        <a href="#">
                                            <div>
                                                <!DOCTYPE html>
                                                <html lang="en" >
                                                <head>
                                                    <meta charset="utf-8" />
                                                    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
                                                    <style>
                                                        .clocks {
                                                            height: 500px;
                                                            margin: 25px auto;
                                                            position: relative;
                                                            width: 500px;
                                                        }
                                                    </style>
                                                </head>
                                                <body>
                                                <div class="clocks">
                                                    <canvas id="canvas" width="250" height="250"></canvas>
                                                </div>
                                                <script>

                                                    // inner variables
                                                    var canvas, ctx;
                                                    var clockRadius =100;
                                                    var clockImage;

                                                    // draw functions :
                                                    function clear() { // clear canvas function
                                                        ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
                                                    }

                                                    function drawScene() { // main drawScene function
                                                        clear(); // clear canvas

                                                        // get current time
                                                        var date = new Date();
                                                        var hours = date.getHours();
                                                        var minutes = date.getMinutes();
                                                        var seconds = date.getSeconds();
                                                        hours = hours > 12 ? hours - 12 : hours;
                                                        var hour = hours + minutes / 60;
                                                        var minute = minutes + seconds / 60;

                                                        // save current context
                                                        ctx.save();

                                                        // draw clock image (as background)
                                                        ctx.drawImage(clockImage, 0, 0, 250, 250);

                                                        ctx.translate(canvas.width / 2, canvas.height / 2);
                                                        ctx.beginPath();

                                                        // draw numbers
                                                        ctx.font = '36px Arial';
                                                        ctx.fillStyle = '#000';
                                                        ctx.textAlign = 'center';
                                                        ctx.textBaseline = 'middle';
                                                        for (var n = 1; n <= 12; n++) {
                                                            var theta = (n - 3) * (Math.PI * 2) / 12;
                                                            var x = clockRadius * 0.7 * Math.cos(theta);
                                                            var y = clockRadius * 0.7 * Math.sin(theta);
                                                            ctx.fillText(n, x, y);
                                                        }

                                                        // draw hour
                                                        ctx.save();
                                                        var theta = (hour - 3) * 2 * Math.PI / 12;
                                                        ctx.rotate(theta);
                                                        ctx.beginPath();
                                                        ctx.moveTo(-15, -5);
                                                        ctx.lineTo(-15, 5);
                                                        ctx.lineTo(clockRadius * 0.5, 1);
                                                        ctx.lineTo(clockRadius * 0.5, -1);
                                                        ctx.fill();
                                                        ctx.restore();

                                                        // draw minute
                                                        ctx.save();
                                                        var theta = (minute - 15) * 2 * Math.PI / 60;
                                                        ctx.rotate(theta);
                                                        ctx.beginPath();
                                                        ctx.moveTo(-15, -4);
                                                        ctx.lineTo(-15, 4);
                                                        ctx.lineTo(clockRadius * 0.8, 1);
                                                        ctx.lineTo(clockRadius * 0.8, -1);
                                                        ctx.fill();
                                                        ctx.restore();

                                                        // draw second
                                                        ctx.save();
                                                        var theta = (seconds - 15) * 2 * Math.PI / 60;
                                                        ctx.rotate(theta);
                                                        ctx.beginPath();
                                                        ctx.moveTo(-15, -3);
                                                        ctx.lineTo(-15, 3);
                                                        ctx.lineTo(clockRadius * 0.9, 1);
                                                        ctx.lineTo(clockRadius * 0.9, -1);
                                                        ctx.fillStyle = '#0f0';
                                                        ctx.fill();
                                                        ctx.restore();

                                                        ctx.restore();
                                                    }

                                                    // initialization
                                                    $(function(){
                                                        canvas = document.getElementById('canvas');
                                                        ctx = canvas.getContext('2d');

                                                        // var width = canvas.width;
                                                        // var height = canvas.height;

                                                        clockImage = new Image();
                                                        clockImage.src = 'https://static.runoob.com/images/mix/125855_nnla_89964.png';

                                                        setInterval(drawScene, 500); // loop drawScene
                                                    });

                                                </script>
                                                </body>
                                                </html>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                           <%-- </li>--%>
                            <li class="footer"><a href="#"><font color="blue" face="楷体" size="5">欢迎您随时查看时间</font>
                            </a></li>
                        </ul>

                <li class="dropdown messages-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-envelope-o"></i>
                        <span class="label label-success" id="message"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header" id="message2"></li>
                        <li>
                            <ul class="menu" id="messagemenu">
                                <%--<li>
                                    <a href="#">
                                        <div class="pull-left">
                                             <c:if test="${not empty sessionScope.userPortrait && !(sessionScope.userPortrait eq null) }">
                                                 <img src="${sessionScope.userPortrait}" class="img-circle"
                                                      alt="User Image">
                                             </c:if>
                                             <c:if test="${empty sessionScope.userPortrait || (sessionScope.userPortrait eq null) }">
                                                     <img src="../img/user2-160x160.jpg" class="img-circle"
                                                          alt="User Image">
                                             </c:if>

<%--                                        </div>--%>


<%--                                        <h4>--%>
<%--                                            系统消息--%>
<%--                                            <small><i class="fa fa-clock-o"></i> 5 分钟前</small>--%>
<%--                                        </h4>--%>
<%--                                        <p>欢迎登录系统?</p>--%>
<%--                                    </a>--%>
<%--                                </li>&ndash;%&gt;--%>
<%--                                <li>--%>
<%--                                    <a href="#">--%>
<%--                                        <div class="pull-left">--%>
<%--                                            <img src="../img/user3-128x128.jpg" class="img-circle" alt="User Image">--%>
<%--                                        </div>--%>
<%--                                        <h4>--%>
<%--                                            团队消息--%>
<%--                                            <small><i class="fa fa-clock-o"></i> 2 小时前</small>--%>
<%--                                        </h4>--%>
<%--                                        <p>你有新的任务了</p>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
<%--                                <li>--%>
<%--                                    <a href="#">--%>
<%--                                        <div class="pull-left">--%>
<%--                                            <img src="../img/user4-128x128.jpg" class="img-circle" alt="User Image">--%>
<%--                                        </div>--%>
<%--                                        <h4>--%>
<%--                                            Developers--%>
<%--                                            <small><i class="fa fa-clock-o"></i> Today</small>--%>
<%--                                        </h4>--%>
<%--                                        <p>Why not buy a new awesome theme?</p>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
<%--                                <li>--%>
<%--                                    <a href="#">--%>
<%--                                        <div class="pull-left">--%>
<%--                                            <img src="../img/user3-128x128.jpg" class="img-circle" alt="User Image">--%>
<%--                                        </div>--%>
<%--                                        <h4>--%>
<%--                                            Sales Department--%>
<%--                                            <small><i class="fa fa-clock-o"></i> Yesterday</small>--%>
<%--                                        </h4>--%>
<%--                                        <p>Why not buy a new awesome theme?</p>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
<%--                                <li>--%>
<%--                                    <a href="#">--%>
<%--                                        <div class="pull-left">--%>
<%--                                            <img src="../img/user4-128x128.jpg" class="img-circle" alt="User Image">--%>
<%--                                        </div>--%>
<%--                                        <h4>--%>
<%--                                            Reviewers--%>
<%--                                            <small><i class="fa fa-clock-o"></i> 2 days</small>--%>
<%--                                        </h4>--%>
<%--                                        <p>Why not buy a new awesome theme?</p>--%>
<%--                                    </a>--%>
<%--                                </li>--%>
                            </ul>
                        </li>
                        <li class="footer"><a href="${ctx}/message/inboxList.do">See All Messages</a></li>
                    </ul>
                </li>
                <!-- Notifications: style can be found in dropdown.less -->
                <li class="dropdown notifications-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <span class="label label-warning">10</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header">你有10个新消息</li>
                        <li>
                            <!-- inner menu: contains the actual data -->
                            <ul class="menu">
                                <li>
                                    <a href="#">
                                        <i class="fa fa-users text-aqua"></i> 5 new members joined today
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-warning text-yellow"></i> Very long description here that may
                                        not
                                        fit into the page and may cause design problems
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-users text-red"></i> 5 new members joined
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-shopping-cart text-green"></i> 25 sales made
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-user text-red"></i> You changed your username
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">View all</a></li>
                    </ul>
                </li>
                <!-- Tasks: style can be found in dropdown.less -->
                <li class="dropdown tasks-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-flag-o"></i>
                        <span class="label label-danger">9</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header">你有9个新任务</li>
                        <li>
                            <!-- inner menu: contains the actual data -->
                            <ul class="menu">
                                <li>
                                    <!-- Task item -->
                                    <a href="#">
                                        <h3>
                                            Design some buttons
                                            <small class="pull-right">20%</small>
                                        </h3>
                                        <div class="progress xs">
                                            <div class="progress-bar progress-bar-aqua" style="width: 20%"
                                                 role="progressbar" aria-valuenow="20" aria-valuemin="0"
                                                 aria-valuemax="100">
                                                <span class="sr-only">20% Complete</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <!-- end task item -->
                                <li>
                                    <!-- Task item -->
                                    <a href="#">
                                        <h3>
                                            Create a nice theme
                                            <small class="pull-right">40%</small>
                                        </h3>
                                        <div class="progress xs">
                                            <div class="progress-bar progress-bar-green" style="width: 40%"
                                                 role="progressbar" aria-valuenow="20" aria-valuemin="0"
                                                 aria-valuemax="100">
                                                <span class="sr-only">40% Complete</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <!-- end task item -->
                                <li>
                                    <!-- Task item -->
                                    <a href="#">
                                        <h3>
                                            Some task I need to do
                                            <small class="pull-right">60%</small>
                                        </h3>
                                        <div class="progress xs">
                                            <div class="progress-bar progress-bar-red" style="width: 60%"
                                                 role="progressbar" aria-valuenow="20" aria-valuemin="0"
                                                 aria-valuemax="100">
                                                <span class="sr-only">60% Complete</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <!-- end task item -->
                                <li>
                                    <!-- Task item -->
                                    <a href="#">
                                        <h3>
                                            Make beautiful transitions
                                            <small class="pull-right">80%</small>
                                        </h3>
                                        <div class="progress xs">
                                            <div class="progress-bar progress-bar-yellow" style="width: 80%"
                                                 role="progressbar" aria-valuenow="20" aria-valuemin="0"
                                                 aria-valuemax="100">
                                                <span class="sr-only">80% Complete</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <!-- end task item -->
                            </ul>
                        </li>
                        <li class="footer">
                            <a href="#">View all tasks</a>
                        </li>
                    </ul>
                </li>
                <!-- User Account: style can be found in dropdown.less -->

                <%--右上角--%>

                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                        <c:if test="${not empty sessionScope.userPortrait && !(sessionScope.userPortrait eq null) }">
                            <img src="${sessionScope.userPortrait}" class="user-image" alt="User Image">
                        </c:if>

                        <c:if test="${empty sessionScope.userPortrait || (sessionScope.userPortrait eq null) }">
                            <img src="../img/user2-160x160.jpg" class="user-image" alt="User Image">
                        </c:if>

                        <span class="hidden-xs"> ${sessionScope.loginUser.userName}</span>
                    </a>
                    <ul class="dropdown-menu">
                        <!-- User image -->


                        <%--右上角--%>

                        <li class="user-header">
                            <c:if test="${not empty sessionScope.userPortrait && !(sessionScope.userPortrait eq null) }">
                                <img src="${sessionScope.userPortrait}" class="img-circle" alt="User Image">
                            </c:if>

                            <c:if test="${empty sessionScope.userPortrait || (sessionScope.userPortrait eq null) }">
                                <img src="../img/user2-160x160.jpg" class="img-circle" alt="User Image">

                            </c:if>


                            <p>
                                ${sessionScope.loginUser.userName}
                            </p>
                        </li>
                        <!-- Menu Body
                <li class="user-body">
                    <div class="row">
                        <div class="col-xs-4 text-center">
                            <a href="#">Followers</a>
                        </div>
                        <div class="col-xs-4 text-center">
                            <a href="#">Sales</a>
                        </div>
                        <div class="col-xs-4 text-center">
                            <a href="#">Friends</a>
                        </div>
                    </div>
                </li>-->
                        <!-- Menu Footer-->
                        <li class="user-footer">
                            <div class="pull-left">
                                <a href="/checkUser.do" class="btn btn-default btn-flat">修改个人信息</a>
                            </div>
                            <div class="pull-right">
                                <a href="/logout.do" class="btn btn-default btn-flat">注销</a>
                            </div>
                        </li>
                    </ul>
                </li>

            </ul>
        </div>
    </nav>
</header>
<!-- 页面头部 /-->
<script>

    $(function () {
        let url = "${ctx }/message/title.do";
        $.post(url,function (d) {
            $("#message").text(d.length);
            $("#message2").text("你有"+d.length+"个未读邮件");
            for (let i =0;i<d.length;i++){
                $("#messagemenu").append("<li><a href=${ctx }/message/toInboxView.do?id="+d[i].id+"><div class='pull-left'>" +
                    "<img src='"+d[i].path+"'class='img-circle' alt='User Image'></div><h4>"+d[i].sender+
                    "<small><i class='fa fa-clock-o'></i>"+d[i].time+ "</small></h4><p>"+d[i].content.substring(0,10)+"</p></a></li>");
            }
        },"json")
    })
</script>
